<template>
  <div>
    <div>
      <div @click="cc">
        <van-nav-bar title="薄青影票"> </van-nav-bar>
      </div>
      <div class="list">
        <cinema-list 
          v-for="item in cinemaList.slice(0,5)" 
          :key="item.id"
          :cinema="item"
          ></cinema-list>
      </div>
      <div class="kbox"></div>
    </div>
  </div>
</template>

<script>
import CinemaList from "@/components/cinema_list.vue"
export default {
  components: {
    "cinema-list": CinemaList
  },
  data() {
    return {
      text: 1,
      cinemaList:[],   
    };
  },
  
  mounted() {
    this.axios.get(`http://10.36.4.254:8080/cinema/selectCinemaAll`).then((res) => {
      console.log(res);
      this.cinemaList = res.data;
    })
  },
  methods: {
    cc() {
      console.log("hhh",this.data)
    }
  },
};
</script>

<style scoped>
.list {
  margin-top: 1rem;
}
.kbox {
  height: 2.3rem;
}
</style>
